import React from 'react';
import { sideMenuList } from './constant';

import $style from './style.module.less';

interface IProps {}

export const SourceSide: React.FC<IProps> = props => {
  return (
    <div className={$style.sourceSidetWrapper}>
      {sideMenuList.map((item, i) => {
        const { Icon, text } = item;

        return (
          <div key={i} className={$style.itemWrapper}>
            <div className={$style.itemIcon}>
              <Icon size='26' theme='outline' fill='hsla(0,0%,100%,.38)' />
            </div>
            <div className={$style.menuText}>{text}</div>
          </div>
        );
      })}
    </div>
  );
};
